$(function(){
	
	//首页导航栏二级菜单
	$('.shangcheng').hover(function(){
		$(this).find('.meizhuang').show();
	},function(){
		$(this).find('.meizhuang').hide();
	})
	//购物车hover显示
	$('.cash').mouseover(function(){
		$(this).find('.jiesuan_hidden').show();
	})
	$('.cash').mouseout(function(){
		$(this).find('.jiesuan_hidden').hide();
	})
	//会员中心jq效果
	$('.my_jm').hover(function(){
		$(this).find('.my_hidden').stop().animate({'height':'270px'}, 400);
		$(this).addClass('cur');
	},function(){
		$(this).find('.my_hidden').stop().animate({'height':'0px'}, 400);
		var my_jm = $(this);
		setTimeout(function(){
			my_jm.removeClass('cur');
		},420)
	})
	//更多的下拉效果
	$('.more').hover(function(){
		$(this).find('.more_hide').stop().animate({'height':'212px'}, 400);
		$(this).addClass('cur');
	},function(){
		$(this).find('.more_hide').stop().animate({'height':'0px'}, 400);
		var more = $(this);
		setTimeout(function(){
			more.removeClass('cur');
		},420)
		
	})
	//放大镜效果
	//1,放大镜旁的轮播图
	var c = 0;
	$('.fang_da .left .up').click(function() {
		
		c++;
		c = (c==2)?0:c;

		var left = c*-74;

		$(this).parents('.fang_da').find('.middle').animate({'top':left+'px'}, 400);

	});

	$('.fang_da .left .down').click(function() {
		
		c--;
		c = (c==-1)?0:c;

		var left = c*-74;

		$(this).parents('.fang_da').find('.middle').animate({'top':left+'px'}, 400);

	});
	//鼠标移入事件//给小图片加红框
	$('.fang_da .left li').mouseover(function() {
		
		var d = $(this).index();
		$(this).addClass('cur').siblings('li').removeClass('cur');

		$(this).parents('.left').siblings('.right').find('img').eq(d).show().siblings('img').hide();
		$(this).parents('.fang_da').find('.big_right img').eq(d).show().siblings('img').hide();

	});
	
	var cover = $('.fang_da .right .cover')[0];
	var box = $('.fang_da .right .box')[0];
	var source = $('.fang_da .right')[0];
	var big = $('#big_pic')[0];
	var big_right = $('.big_right')[0];


	cover.onmousemove = function(e){
		// 获得事件对象
		var ev = window.event || e ;
		// 获得鼠标的位置
		var mouse_left = ev.offsetX || ev.layerX;
		var mouse_top = ev.offsetY || ev.layerY;
		// document.title = mouse_left+'|'+mouse_top;
		// // 计算色块的位置
		var box_left = mouse_left-143/2;
		var box_top = mouse_top-121/2;
		
		// 判断色块的位置
		if(box_left<0){
			box_left=0;
		}
		if(box_left>207){
			box_left=207;
		}
		if(box_top<0){
			box_top=0;
		}
		if(box_top>229){
			box_top=229;
		}

		// 给小色块赋值
		box.style.left = box_left+'px';
		box.style.top = box_top+'px';

		// 计算右侧图片的位置
		var bigpic_left = box_left*-(650/207);
		var bigpic_top = box_top*-(650/229);

		// 给右侧图片赋值
		big.style.left = bigpic_left+'px';
		big.style.top = bigpic_top+'px';
	}; 
		


	// 给盖子加鼠标移入事件
	cover.onmouseover = function(){
		// 让色块显示
		box.style.display = 'block';
		// 让右侧显示
		big_right.style.display = 'block';
		
	}

	// 给盖子加鼠标移出事件
	cover.onmouseout = function(){
		// 让色块显示
		box.style.display = 'none';
		// 让右侧显示
		big_right.style.display = 'none';
	}

	//选择规格时效果
	//给第一个li加上红框
	// $('.xuan_ze .se li').eq(0).css("border","2px solid red");
	// $('.xuan_ze .rong li').eq(0).css("border","2px solid red");

	// $('.xuan_ze li').hover(function(){

	// 	$(this).addClass('cur');
	// 	$(this).click(function(){
	// 		$(this).css("border","2px solid red").siblings('li').css("border","1px solid #ccc");
	// 	})
	// },function(){
	// 	$(this).removeClass('cur');
	// })

	//头部购物车的js效果
	$('.cash').hover(function(){

		$.ajax({
			url:CONTROLLER+'/gengxin',
			type:'post',
			dataType:'json',
			success:function(data){
				var str = '';
				$.each( data['goods'],function(k, v) {
				str +='<li>';	
				str +='<a href="" class="shangpin_icon">';
				str +='<img src="'+ROOT+'/'+v.options.pic+'" alt="" />';
				str +='</a>';
				str +='<a href="" class="name">'+v.name+'</a>';
				str +='<span class="fuhao">￥</span><span class="money">'+v.price+'</span>';
				str +='<span class="fuhao">X</span><span class="num">'+v.num+'</span>';
				str +='</li>';
						
					});
				$('.jiesuan_hidden .up').html(str);
				$('.che_left .gong i').html(data['total_rows']);
				$('.che_left .total .num').html(data['total']);	
			}
		})
	})

	//异步获得附加值
	var str;
	
	$('.xuan_ze .yan_se .se li a').click(function() {
		var gid = $(this).parents('body').find('input[name=gid]').val();

		$(this).parent('li').addClass('cur').siblings('li').removeClass('cur');
		var error;
		$.each($('.xuan_ze .yan_se .se'), function(k, v) {
			 
			 var add = $(this).find('.cur').find('a').attr('gtid');

			 if (add == undefined) {
			 	error = true;
			 	return false;
			 };

			 if (k==0) {
			 	str = add;
			 }else{
			 	str +=','+add;
			 };

		});
		//如果其中一个没有值，则不会发异步
		if (error == true) return false;
		$('.shuliang_num .xianshi').val(1);
		$.ajax({

			url:CONTROLLER+'/add',

			data:{added:str,gid:gid},

			type:'post',

			dataType:'json',
			success:function(data){
				var str = '没有这个商品，请重新选择';
				if (data == 0) {
					alert(str);
				}else{
					var stt=data;
					// str +='<span class="big">'+data+'</span>';
					$('.title_huo_pin .big').html(stt);
				};
			}
		})
		$.ajax({

			url:CONTROLLER+'/index',

			data:{added:str,gid:gid},

			type:'post',

			dataType:'json',
			success:function(data){
				$('.inventery').val(data);
			}
		})
	});

	//商品数量的加减
	$('.shuliang_num .jia').click(function() {
		var now = $(this).parent('.shuliang_num').find('.xianshi').html();
		var inventery = $(this).parents('.jiaru').find('.inventery').val();
		
		now = now*1 + 1;
		if (inventery) {
			if (now>inventery) {
				alert('库存不够,请重新选择');
				return;
			};
		};
		
		$(this).parent('.shuliang_num').find('.xianshi').html(now);
		
	});

	//减少购买品数量
	$('.shuliang_num .jian').click(function() {
		var now = $(this).parent('.shuliang_num').find('.xianshi').html();
		now = now*1-1;
		
		if (now==0) {
			alert('库存不够');
			return;
		}else{
			$(this).parent('.shuliang_num').find('.xianshi').html(now);
		}
	});

	//添加购物车异步

	//获得所选规格的id
	$('.xuan_ze .yan_se .se li a').click(function() {

		$(this).parent('li').addClass('cur').siblings('li').removeClass('cur');
		var error;
		$.each($('.xuan_ze .yan_se .se'), function(k, v) {
			 
			 var add = $(this).find('.cur').find('a').attr('gtid');

			 if (add == undefined) {
			 	error = true;
			 	return false;
			 };

			 if (k==0) {
			 	str = add;
			 }else{
			 	str +=','+add;
			 };

		});
	})
	//获得规格id结束
	$('.gou_wu_che .gowuche_icon').click(function() {
		var price = $('.gou_wu .title_huo_pin p .big').text();
		var mark = $('.shichang').html();
		var jiesheng = $('.jiesheng').html();
		var num = $('.shuliang_num .xianshi').html();
		var name = $('.head_chan_pin .title_chan_pin').html();
		var gid = $(this).parents('body').find('input[name=gid]').val();
		
		$.ajax({
			url:CONTROLLER+'/cart',
			type:'post',
			data:{price:price,num:num,name:name,gid:gid,added:str,mark:mark,jiesheng,jiesheng},
			dataType:'json',
			success:function(data){
				// alert(data);
			}
		})
	});

	
	
})